<template>
  <div id="app">
    <Header></Header>
    <slideShow v-show="slides"></slideShow>
    <router-view></router-view>
    <Footer></Footer>
  </div>
</template>

<script>
import Header from "@/components/header"
import Footer from "@/components/footer"
import slideShow from "@/components/slideShow"

export default {
  data() {
    return {
      slides:true
    }
  },
  components:{
    Header,Footer,slideShow
  },
  watch: {
    $route (to,from){
      if(to.path == "/" || to.path == "/cinema" || to.path == "/catering" || to.path == "/super"){
        this.slides = true
      } else {
        this.slides = false
      }
    }
  },
  mounted () {
    var to = this.$route;
    if(to.path == "/" || to.path == "/cinema" || to.path == "/catering" || to.path == "/super"){
        this.slides = true
      } else {
        this.slides = false
      }
  }
}
</script>

<style>
*{
  margin: 0;
  padding: 0;
}
html,body {
  width: 100%;
  margin: 0 auto;
  min-width: 1000px;
}
</style>
